<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>后台布局 - 模板</title>
	<link rel="stylesheet" type="text/css" href="./css/sung-ui.css">
	<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css">
	<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$('.nav-first-level-item').click(function(){
				if($(this).next().hasClass('fa-angle-down')){
					$(this).next().removeClass('fa-angle-down').addClass('fa-angle-up');
					$(this).next().next().addClass('nav-first-level-item-open');
					$(this).next().next().show();
				} else {
					$(this).next().removeClass('fa-angle-up').addClass('fa-angle-down');
					$(this).next().next().removeClass('nav-first-level-item-open');
					$(this).next().next().hide();
				}
			});
		});
	</script>
</head>
<body class="layout-body">
	<div class="layout-admin">
		<div class="page-header">
			<div class="navbar-header-logo">
				后台布局模板
			</div>
			<!-- <div class="navbar-header-content"> -->
				<ul class="nav-menu navbar-header-nav-left">
					<li class="nav-item nav-x-item line-height-50px"><a href="javascript:void(0);">控制台</a></li>
					<li class="nav-item nav-x-item line-height-50px"><a href="javascript:void(0);">用户</a></li>
					<li class="nav-item nav-x-item line-height-50px"><a href="javascript:void(0);">设置</a></li>
				</ul>
				<ul class="nav-menu navbar-header-nav-right">
					<li class="nav-item nav-header-item nav-x-item line-height-50px">
						<a href="javascript:void(0);">hoosung</a>
						<ul class="nav-menu-tree nav-header-tree nav-menu-child">
							<li class="nav-y-item line-height-30px nav-header-child-item"><a href="javascript:void(0);">基本资料</a></li>
							<li class="nav-y-item line-height-30px nav-header-child-item"><a href="javascript:void(0);">安全退出</a></li>
						</ul>
					</li>
				</ul>
			<!-- </div> -->
		</div>
		<div class="page-side">
			<ul class="nav-menu">
				<li class="nav-item nav-y-item line-height-30px">
					<a class="nav-first-level-item" href="javascript:void(0);">常用操作</a><i class="fa fa-angle-down" aria-hidden="true"></i>
					<ul class="nav-menu-tree nav-menu-child">
						<li class="nav-y-item nav-second-level-item line-height-30px"><a href="javascript:void(0);">资金项管理</a></li>
					</ul>
				</li>
			</ul>
		</div>
		<div class="page-body"></div>
		<div class="page-footer">
			© hoofungson.cn - 底部固定区域 
		</div>
	</div>
</body>
</html>